<template>
	<view>
		<view>
			<view class="status"><image src="../../static/img/unselected.png"></image><text>未售</text></view>
			<view class="status"><image src="../../static/img/bought.png"></image><text>已售</text></view>
			<view class="status"><image src="../../static/img/selected.png"></image><text>选座中</text></view>
		</view>
		<view v-model="seat_list" class="pingmu">
			<view class="ping"></view>
			<view class="room">
				<text>{{seat_list.room}}</text>
				<text>银屏</text>
			</view>
		</view>
		<view  v-model="seat_list" class="seat">
			<view class="line-one">
				<view class="line-one-first"  @click="select_seat_line_one_cow1()">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_one_cow1==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_one_cow1!=null"></image>
				</view>
				<view class="line-one-second" @click="select_seat()">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_one_cow2==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_one_cow2!=null"></image>
				</view>	
				<view class="line-one-third" @click="select_seat()">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_one_cow3==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_one_cow3!=null"></image>
				</view>
				<view class="line-one-fourth" @click="select_seat()">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_one_cow4==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_one_cow4!=null"></image>
				</view>	
				<view class="line-one-fifth" @click="select_seat()">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_one_cow5==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_one_cow5!=null"></image>
				</view>	
				<view class="line-one-sixth" @click="select_seat()">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_one_cow6==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_one_cow6!=null"></image>
				</view>	
				<view class="line-one-seventh" @click="select_seat()">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_one_cow7==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_one_cow7!=null"></image>
				</view>	
				<view class="line-one-eighth" @click="select_seat()">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_one_cow8==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_one_cow8!=null"></image>
				</view>		
			</view>
			<view class="line-two">
				<view class="line-two-first">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_two_cow1==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_two_cow1!=null"></image>
				</view>
				<view class="line-two-second">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_two_cow2==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_two_cow2!=null"></image>
				</view>	
				<view class="line-two-third">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_two_cow3==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_two_cow3!=null"></image>
				</view>
				<view class="line-two-fourth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_two_cow4==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_two_cow4!=null"></image>
				</view>	
				<view class="line-two-fifth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_two_cow5==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_two_cow5!=null"></image>
				</view>	
				<view class="line-two-sixth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_two_cow6==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_two_cow6!=null"></image>
				</view>	
				<view class="line-two-seventh">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_two_cow7==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_two_cow7!=null"></image>
				</view>	
				<view class="line-two-eighth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_two_cow8==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_two_cow8!=null"></image>
				</view>		
			</view>
		    <view class="line-three">
		    	<view class="line-three-first">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_three_cow1==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_three_cow1!=null"></image>
		    	</view>
		    	<view class="line-three-second">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_three_cow2==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_three_cow2!=null"></image>
		    	</view>	
		    	<view class="line-three-third">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_three_cow3==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_three_cow3!=null"></image>
		    	</view>
		    	<view class="line-three-fourth">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_three_cow4==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_three_cow4!=null"></image>
		    	</view>	
		    	<view class="line-three-fifth">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_three_cow5==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_three_cow5!=null"></image>
		    	</view>	
		    	<view class="line-three-sixth">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_three_cow6==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_three_cow6!=null"></image>
		    	</view>	
		    	<view class="line-three-seventh">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_three_cow7==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_three_cow7!=null"></image>
		    	</view>	
		    	<view class="line-three-eighth">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_three_cow8==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_three_cow8!=null"></image>
		    	</view>		
		    </view>
		    <view class="line-four">
		    	<view class="line-four-first">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_four_cow1==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_four_cow1!=null"></image>
		    	</view>
		    	<view class="line-four-second">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_four_cow2==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_four_cow2!=null"></image>
		    	</view>	
		    	<view class="line-four-third">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_four_cow3==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_four_cow3!=null"></image>
		    	</view>
		    	<view class="line-four-fourth">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_four_cow4==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_four_cow4!=null"></image>
		    	</view>	
		    	<view class="line-four-fifth">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_four_cow5==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_four_cow5!=null"></image>
		    	</view>	
		    	<view class="line-four-sixth">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_four_cow6==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_four_cow6!=null"></image>
		    	</view>	
		    	<view class="line-four-seventh">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_four_cow7==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_four_cow7!=null"></image>
		    	</view>	
		    	<view class="line-four-eighth">
		    		<image src="../../static/img/unselected.png" v-if="seat_list.line_four_cow8==null"></image>
		    		<image src="../../static/img/bought.png" v-if="seat_list.line_four_cow8!=null"></image>
		    	</view>		
		    </view>
			<view class="line-five">
				<view class="line-five-first">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_five_cow1==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_five_cow1!=null"></image>
				</view>
				<view class="line-five-second">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_five_cow2==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_five_cow2!=null"></image>
				</view>	
				<view class="line-five-third">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_five_cow3==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_five_cow3!=null"></image>
				</view>
				<view class="line-five-fourth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_five_cow4==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_five_cow4!=null"></image>
				</view>	
				<view class="line-five-fifth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_five_cow5==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_five_cow5!=null"></image>
				</view>	
				<view class="line-five-sixth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_five_cow6==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_five_cow6!=null"></image>
				</view>	
				<view class="line-five-seventh">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_five_cow7==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_five_cow7!=null"></image>
				</view>	
				<view class="line-five-eighth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_five_cow8==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_five_cow8!=null"></image>
				</view>		
			</view>
			<view class="line-six">
				<view class="line-six-first">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_six_cow1==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_six_cow1!=null"></image>
				</view>
				<view class="line-six-second">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_six_cow2==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_six_cow2!=null"></image>
				</view>	
				<view class="line-six-third">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_six_cow3==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_six_cow3!=null"></image>
				</view>
				<view class="line-six-fourth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_six_cow4==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_six_cow4!=null"></image>
				</view>	
				<view class="line-six-fifth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_six_cow5==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_six_cow5!=null"></image>
				</view>	
				<view class="line-six-sixth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_six_cow6==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_six_cow6!=null"></image>
				</view>	
				<view class="line-six-seventh">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_six_cow7==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_six_cow7!=null"></image>
				</view>	
				<view class="line-six-eighth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_six_cow8==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_six_cow8!=null"></image>
				</view>		
			</view>
			<view class="line-seven">
				<view class="line-seven-first">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_seven_cow1==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_seven_cow1!=null"></image>
				</view>
				<view class="line-seven-second">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_seven_cow2==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_seven_cow2!=null"></image>
				</view>	
				<view class="line-seven-third">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_seven_cow3==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_seven_cow3!=null"></image>
				</view>
				<view class="line-seven-fourth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_seven_cow4==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_seven_cow4!=null"></image>
				</view>	
				<view class="line-seven-fifth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_seven_cow5==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_seven_cow5!=null"></image>
				</view>	
				<view class="line-seven-sixth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_seven_cow6==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_seven_cow6!=null"></image>
				</view>	
				<view class="line-seven-seventh">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_seven_cow7==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_seven_cow7!=null"></image>
				</view>	
				<view class="line-seven-eighth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_seven_cow8==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_seven_cow8!=null"></image>
				</view>		
			</view>
			<view class="line-eight">
				<view class="line-eight-first">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_eight_cow1==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_eight_cow1!=null"></image>
				</view>
				<view class="line-eight-second">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_eight_cow2==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_eight_cow2!=null"></image>
				</view>	
				<view class="line-eight-third">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_eight_cow3==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_eight_cow3!=null"></image>
				</view>
				<view class="line-eight-fourth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_eight_cow4==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_eight_cow4!=null"></image>
				</view>	
				<view class="line-eight-fifth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_eight_cow5==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_eight_cow5!=null"></image>
				</view>	
				<view class="line-eight-sixth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_eight_cow6==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_eight_cow6!=null"></image>
				</view>	
				<view class="line-eight-seventh">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_eight_cow7==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_eight_cow7!=null"></image>
				</view>	
				<view class="line-eight-eighth">
					<image src="../../static/img/unselected.png" v-if="seat_list.line_eight_cow8==null"></image>
					<image src="../../static/img/bought.png" v-if="seat_list.line_eight_cow8!=null"></image>
				</view>		
			</view>
			
		</view>
		<view v-model="seat_list" class="footer">
			<view class="name">电影名</view>
			<view class="all">
				<text>今天&nbsp;&nbsp;&nbsp;</text>
				<text style="margin-left:5px" class="startTime">{{seat_list.startTime.slice(0,5)}}</text>-
				<text class="endTime">{{seat_list.endTime.slice(0,5)}}</text>
				<text class="language">{{seat_list.language}}</text>
			</view>
			<u-button class="button">请先选座</u-button>
			<u-button v-model="money" class="button">{{money}}元 确认选座</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			seat_list:[],
			money:''
			}
		},
		onLoad(options) {
			this.id = options.id;
			console.log('传过来的id值为：' + options.id);
			let that=this;
			uni.request({
				url:'http://www.moive.com/api/movie_mysql/select_seat.php',
				 method: 'GET',
				 data:{
					 id:that.id
				 },
				          success: (res)=>{				
					 that.seat_list=res.data;
					 console.log("seat_list",that.seat_list);
					 // console.log(that.movie_list)
						  },
				          fail: (err)=>{}
			})
		},
		methods: {
			select_seat_line_one_cow1(){
				this.line_one_cow1=seat_list.line_one_cow1
				if(this.line_one_cow1!=null){
					console.log("有了")
				}else{
					
				}
			},
			select_seat(){
				console.log(111)
			}
		}
	}
</script>

<style lang="scss" scoped>
.language{
	margin-left:5px;
}
.pingmu{
	width:100%;
}
.room{
	text-align: center;
}
.ping{
	width:60%;
	height:10px;
	background-color: red;
	margin: 0 auto;
	border-radius: 50% 50% 0% 0%;
}
.seat{
	width:100%;
	height:400px;
	border-bottom:1px #cecece solid;
}
.footer{
	width:100%;
	position: fixed;
	bottom: 2px;
	background-color: #f4f4f4;
	border-radius: 10px 10px 0px 0px;
}
.all{
	margin-top:5px;
	margin-left: 3%;
}
.name{
	margin-left: 3%;
	margin-top:5px;
}
.button{
	width:96%;
	background-color: pink;
	border-radius: 25px;
	margin-top:5px;
}
.status{
	display: inline-block;
	margin-left: 30px;
	margin-top: 5px;
}
.status text{
	position: relative;
	top:-8px;
	left:5px;
}
.line-one{
width:100%;
height:50px;
}
.line-two{
width:100%;
height:50px;
}
.line-three{
width:100%;
height:50px;
}
.line-four{
width:100%;
height:50px;
}
.line-five{
width:100%;
height:50px;
}
.line-seven{
width:100%;
height:50px;
}
.line-eight{
width:100%;
height:50px;
}
.line-one{
width:100%;
height:50px;
}
.line-one-first{
	float:left;
	display:block;
	margin-left:30px;
	margin-top:10px;
}
.line-one-second{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-one-third{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-one-fourth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-one-fifth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-one-sixth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-one-seventh{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-one-eighth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}

.line-two-first{
	float:left;
	display:block;
	margin-left:30px;
	margin-top:10px;
}
.line-two-second{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-two-third{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-two-fourth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-two-fifth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-two-sixth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-two-seventh{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-two-eighth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}

.line-three-first{
	float:left;
	display:block;
	margin-left:30px;
	margin-top:10px;
}
.line-three-second{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-three-third{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-three-fourth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-three-fifth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-three-sixth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-three-seventh{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-three-eighth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}

.line-four-first{
	float:left;
	display:block;
	margin-left:30px;
	margin-top:10px;
}
.line-four-second{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-four-third{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-four-fourth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-four-fifth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-four-sixth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-four-seventh{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-four-eighth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}

.line-five-first{
	float:left;
	display:block;
	margin-left:30px;
	margin-top:10px;
}
.line-five-second{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-five-third{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-five-fourth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-five-fifth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-five-sixth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-five-seventh{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-five-eighth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}

.line-six-first{
	float:left;
	display:block;
	margin-left:30px;
	margin-top:10px;
}
.line-six-second{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-six-third{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-six-fourth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-six-fifth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-six-sixth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-six-seventh{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-six-eighth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}

.line-seven-first{
	float:left;
	display:block;
	margin-left:30px;
	margin-top:10px;
}
.line-seven-second{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-seven-third{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-seven-fourth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-seven-fifth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-seven-sixth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-seven-seventh{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-seven-eighth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}

.line-eight-first{
	float:left;
	display:block;
	margin-left:30px;
	margin-top:10px;
}
.line-eight-second{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-eight-third{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-eight-fourth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-eight-fifth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-eight-sixth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-eight-seventh{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}
.line-eight-eighth{
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
}

image{
	width:30px;
	height:30px;
}
</style>
